<template>
    <div :id="id">
        <slot></slot>
    </div>
</template>
<script>
import Swiper from 'swiper'
export default {
    name:'myswipe',
    props:{
        id:{
            type:String,
            default:"sbox"
        },
        options:{
            type:Object,
            dafault:{
                observer:true,
                loop:true,
                autoplay:{
                    dalay:3000,
                    stopOnLastSlide: false,
                    disableOnInteraction: true,
                }
            }
        }
    },
    mounted () {
        let mySwiper=new Swiper("#"+this.id,this.options)
    }
}
</script>